<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Đăng nhập tài khoản</title>

    <!-- Bootstrap Core CSS -->
    <link href="<?php echo base_url(); ?>public/backend/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="<?php echo base_url(); ?>public/backend/css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="<?php echo base_url(); ?>public/backend/css/login.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="<?php echo base_url(); ?>public/backend/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body style="margin:20px 0px; 
			 background:url(<?php echo base_url(); ?>public/backend/images/bg.jpg) no-repeat center  fixed; 
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
             background-size: cover;
             height:100%">
	<div class="container">
      <div class="row">
      <div class="col-sm-6 col-md-4 col-md-offset-4" >
      <h1 class="text-center login-title">Vui lòng nhập tài khoản để đăng nhập !</h1>
      	<?php
			echo "<div class='mess_error' style='margin:0;padding:0'>";
			echo "<ul style='list-style:none;margin:0;padding:0'>";
				if(validation_errors() != ''){
					echo "<li>".validation_errors('<h1 class=" error text-center login-title" style="color:#f60">','</h1>')."</li>";
				}
			echo "</ul>";
			
			echo "</div>";
		?>
        <h1 class="text-center login-title" style="color:#f60"> 
		  <?php	
              if(isset($error_log)){
                  echo $error_log;
              }
            ?>
        </h1> 
    

     
      <div class="account-wall"  style="background:#FFF; opacity:0.91234; border:5px dotted  rgb(50, 118, 177)">
      <img class="profile-img"  src="<?php echo base_url(); ?>public/backend/images/account.png"alt="">
      
      <form class="form-signin" action="" method="post" name="frmLogin">
      <div class="form-group">
          <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
              <input type="email" class="form-control" placeholder="E-mail"  name="txtemail" required autofocus />
          </div>
      </div>
      
       <div class="form-group">
          <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
              <input style="margin-bottom: 0px;" type="password" class="form-control" placeholder="Password"  name="pwpassword" required  />
          </div>
      </div>
      
     
      
      <button class="btn btn-lg btn-primary btn-block" name="btnlog" type="submit">
      Đăng nhập</button>
      
      <h4 class="text-primary" style="width:100%;text-align:right">
      	<label class="checkbox">
       	    <input type="checkbox" value="remember-me" name="cbrem"  > Ghi nhớ
     	</label>
      </h4>
      <h4><a data-title="Edit" data-toggle="modal" data-target="#edit" data-placement="top" rel="tooltip" class="pull-right need-help text-primary">Quên mật khẩu !</a><span class="clearfix"></span></h4>
      <h4><a href="<?php base_url() ?>" class="pull-right need-help text-primary">Quay lại trang người dùng ! </a></h4><span class="clearfix"></span>
      </form>
      </div>
     
      
      </div>
      </div>
      </div>
	<footer class="container">
	<h4 style="color:#f00; margin-top:35px" align="center">
    	CopyRight &copy; Dev Luong Hop ITQ 2014
    </h4>
    
    
    
    <!-- Quên mật khẩu  --> 
   <div class="modal fade bs-example-modal-sm" id="edit" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true" style="z-index:999999999">
            <div class="modal-dialog modal-lg">
          <div class="modal-content">
                <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><label class="glyphicon glyphicon-remove"></label></button>
              <h4 class="modal-title custom_align" id="Heading" style="text-align:center; color:#F00">Lấy lại mật khẩu </h4>
            </div>
            
            <div class="modal-body">
            <section>
            <div class="container" style="text-align:center">
                <div class="row">
                    <div class="col-md-9">
                     
                 	 <h1 class="text-center login-title" style="color:#F00"></h1>
                     <div class="well"  style="text-align:center">
                     	
                         <form action="" method="post" id="frmforgot">
                          <div class="input-group">
                             <input class="btn btn-lg" name="email_forgot" id="email" type="email" placeholder="Nhập E-mail " required >
                             <input name="btnforgot" class="btn btn-info btn-lg" type="submit" value="Gửi">
                            
                          </div>
                         </form>
                     </div>
                    
                
                    </div>
                </div>
            </div>
            </section>
              
            </div>
                
              </div>
      
          <!-- /.modal-content --> 
        </div>
            <!-- /.modal-dialog --> 
      </div>
      
      
      
      
      
          
</footer>

    <!-- jQuery Version 1.11.0 -->
    <script src="<?php echo base_url(); ?>public/backend/js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="<?php echo base_url(); ?>public/backend/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="<?php echo base_url(); ?>public/backend/js/plugins/metisMenu/metisMenu.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="<?php echo base_url(); ?>public/backend/js/sb-admin-2.js"></script>

</body>

</html>
